@import '../../res/theme/xxhz.scss';

.evaluation {
  .evaluation-box {
    padding: 24px 22px 0 24px;
    .evaluation-item {
      background-color: #fff;
      border-radius: 8px;
      padding: 24px 44px;
      .title {
        font-size: 28px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .score {
        display: flex;
        justify-content: flex-start;
        margin: 12px 0 16px;
        font-size: 28px;
        .star-rate {
          vertical-align: middle;
          margin-left: 8px;
          margin-top: 2px;
        }
      }
      .good-info {
        display: flex;
        .good-info-image {
          width: 80px;
          height: 80px;
          border-radius: 8px;
        }
        .good-info-title {
          width: calc(100% - 80px - 18px);
          margin-left: 18px;
          .good-info-title-main {
            font-size: 28px;
            font-weight: 600;
            min-height: 50px;
          }
          .good-info-title-other {
            font-size: 24px;
            color: #999;
          }
        }
      }
      .through-line {
        border-bottom: 2px solid #ededed;
        margin: 20px 0;
      }
      .time {
        color: #999;
        font-size: 24px;
      }
    }
  }
  .listNull{
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    image,.taro-img{
      width: 295px;
      height: 295px;
      margin: 86px auto 35px;
    }
    .text{
      font-size: 24px;
      color: #666;
      text{
        color: #f58240;
      }
    }

  }
}
